<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>事件绑定</title>
	<style type="text/css">
	#dvs{width:200px;height:200px;background:lightblue;}
	.item{width:100px;height:100px;background:green;}

	#pro{width:500px;height:500px;border:solid 1px blue;}


	</style>
</head>
<body>
	<div id='dvs'></div>

	<div id='pro'></div>


	<script type="text/javascript" src='jquery-1.8.3.min.js'></script>
	<script type="text/javascript">
	//第一种
	//$('#dvs').click(function(){

		//alert('124');
	//})

	//第二种
	//$('#dvs').on('click',function(){

		// alert('658697');
	//})

	//第三种
	$('.item').live('click',function(){

		//alert('iloveyou');
	})
	

		$('#dvs').click(function(){

		var div = $('<div class="item"></div>');

		$('#pro').append(div);

		
		})


	//
	$('.item').bind('click',function(){

		alert('abcdefg');
	})

	//$('#dvs').unbind();



	</script>
</body>
</html>